
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$detail.name}</title>
    <link rel="stylesheet" href="__STATIC__/industry/css/normalize.css">
    <link rel="stylesheet" href="__STATIC__/industry/css/index.css">
    <link rel="stylesheet" href="__STATIC__/industry/css/alert.css">
    <!-- <link rel="stylesheet" href="__STATIC__/industry/css/bootstrap.min.css"> -->
<!-- GrowingIO Analytics code version 2.1 -->
<!-- Copyright 2015-2018 GrowingIO, Inc. More info available at http://www.growingio.com -->
<script type='text/javascript'>
!function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.giocdn.com/2.1/gio.js","gio");
  gio('init','b5c825c4dfc124ba', {});

//custom page code begin here

//custom page code end here

gio('send');

</script>
<!-- End GrowingIO Analytics code version: 2.1 -->

</head>
 
<body>
    <div>
        <div class="header">
            <div class="center" style="background: url({$detail.litpic}) no-repeat top center;">
                <!-- <a  href="javascript:void(0);" onclick="openZoosUrl('chatwin','&amp;e=一键获取-顶部')">一键获取</a> -->
                <a class="tks"  href="javascript:void(0);" >一键获取</a>
            </div>
        </div>
        <div class="slider">
                <h1 style="color: #333333">{$detail.name}</h1>
                <!--轮播-->
        </div>
        <div class="main">
            <input type="hidden"  value="{$detail.name}" class="xiangmu" />
            <div class="main-detail">
                <a class="get tks" href="javascript::void(0)">
                    <p>点击获取</p>
                    <img class="" src="__STATIC__/industry/img/ic_home_Click.png" alt="">
                </a>
                <div class="main-category">
                    <ul>
                        {volist name="sonlist" id="vo" key="k"}
                            <li class="main-category-item {eq name='k' value="1" }main-category-active{/eq}">{$vo.name}</li>
                        {/volist}
                    </ul>
                </div>
                <div class="main-info">

                    {volist name="sonlist" id="vo" key="k"}
                        <ul class="main-info-item {eq name='k' value="1"}main-info-active{/eq}">

                            {volist name="vo.exhibition" id="exhibition"}
                                <li>
                                    <a href="javascript::void(0)">
                                        <div class="exhibiton-logo">
                                            <img class="" src="{$exhibition.logo}" alt="">
                                        </div>
                                        <div class="exhibiton-name">
                                            <img class="icon" src="__STATIC__/industry/img/ic_home_Exhibition.png" alt="">
                                            <p>{$exhibition.name}</p>
                                        </div>
                                        <div class="exhibiton-time">
                                            <img  class="icon" src="__STATIC__/industry/img/ic_home_time.png" alt="">
                                            <p>{$exhibition.time}</p>
                                        </div>
                                    </a>
                                </li>       
                            {/volist}
                        </ul>
 
                    {/volist}
                </div>
            </div>
            <div style="width: 1200px">
                        <a class="exhibiton-more tks " href="javascript::void(0)">获取更多 ></a>
            </div>
        </div>
        <div class="step">
            <p>
                <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/step.png" alt="">
            </p>
        </div>

        <div class="title-top">
            <img style="width: 100%;" src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/new1.png" alt="">
        </div>
        <div class="banner">
            <div class="content">
                <h1>
                    
                    <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/card.png" style="margin-top:60px;" alt="">
                   <a  href="javascript:void(0);" onclick="openZoosUrl('chatwin','&amp;e=参展商精彩案例')">参展商精彩案例&nbsp;&nbsp;&nbsp;<img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/right_icon.png" alt=""></a>
                </h1>
             </div>
        </div>
        <div class="callCenter">
            <div class="top">
                <img s src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/close.png" class="close" alt="">
                <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/%E5%AE%A2%E6%9C%8D%E5%BC%B9%E7%AA%97.png" alt="">
                <p>
                    <span>错过商机</span>
                    <!-- <a class="tk"  href="javascript:void(0);" >一键获取</a> -->
                    <a  href="javascript:void(0);" onclick="openZoosUrl('chatwin','&amp;e=立即咨询')">立即咨询</a>
                </p>
            </div>
            <div class="bottom">
                    <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/close.png" class="close" alt="">
                <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/xuanfu.png" style="margin-left:-10px;" alt="">
            </div>
        </div>
        <div class="footer">
            <p>
                <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/global_machinery/landingPage_footer.png" alt="">
                 <a class="tks"  href="javascript:void(0);" >一键获取</a>
                <!-- <a  href="javascript:void(0);" onclick="openZoosUrl('chatwin','&amp;e=一键获取')">一键获取</a> -->
            </p>
        </div>
        <div class="footer-from">
            <div class="footer-from-title">
                <img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/img/tradechina/s-title.png" style="width: 100%;" alt="">
            </div>
            <div class="footer-from-content">
                <div class="from-content-center">
                     <div class="content-left">
                            <p class="content-left-title">为您提供一手的资料</p>
                            <ul>
                                <li class="content-left-detail"><img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/img/tradechina/point.png" alt="">机械专业买家信息</li>
                                <li class="content-left-detail"><img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/img/tradechina/point.png" alt="">专家免费订制参展计划</li>
                                <li class="content-left-detail"><img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/img/tradechina/point.png" alt="">一对一诊断企业难题</li>
                                <li class="content-left-detail"><img src="https://operation-1256286125.cos.ap-shanghai.myqcloud.com/sem/img/tradechina/point.png" alt="">印度机械行业数据</li>
                            </ul>
                        </div>
                        <div class="content-right">
                                <p class="content-right-title">登记即可免费获取资源</p>
                                <p class="content-right-get">已有 <span>100+</span>企业获取</p>
                            <div style=" text-align: center;">
                                <div class="from-detail">
                                <input type="hidden"  value="{$detail.name}" id="sxiangmu" />
                                    <div class="col-md-12">
                                        <div>
                                            <input type="text" class="detail-control" id="sgoods" name="sgoods" placeholder="单位名称 :" required="">
                                        </div>
                                        <div>
                                            <input type="text" id="sname" name="sname" placeholder="您的称呼:" class="detail-control" required="">
                                        </div>
                                        <div>
                                            <input type="text" class="detail-control" id="sphone" name="sphone" placeholder="回访电话 :" required="" title="手机/固话固话格式:4008821116">
                                        </div>
                                        <div>
                                            <input type="text" class="detail-control" id="sweight" name="gweight" placeholder="出口产品 :" required="">
                                        </div>
 
                                    </div>
                                    <div class="form-group">
                                           <!-- <font style="vertical-align: inherit;"> -->
                                            <input type="button" value="一秒获取" onclick="submit_to_reg01();" id="form-group3">
                                        <!-- </font> -->
                                            <a href="javascript:void(0);" onclick="openZoosUrl('chatwin','&amp;e=在线咨询')" id="group4">
                                            在线沟通 
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                       
            </div>
    </div>
</div>

<div class="alert" style="display: none;">
        <div class="alert-con">
            <div class="alert-close"></div>
            <div class="alert-box">
                <div class="alert-title">
<!--                     <div>
                        <h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">填写表单，获取展会资料/买家信息/同行展商等信息</font></font></h3>
                     
                    </div> -->
                </div>   
                <div class="alert-item">
                    <div class="alert-word">
                      
                      <div style=" float:right; text-align:left">
                            <div class="text-center">
                                    <div class="col-md-12">
                                        <div class="col-md-11" style="position: relative;">
                                                <input type="text" class="form-control" id="ggoods" name="ggoods" placeholder="公司名称 :" required="">
                                                <img class="inc" src="__STATIC__/industry/img/exhibition-icon-company.png" alt="">
                                        </div>
                                        <div class="col-md-12" style="position: relative;">
                                                <input type="text" id="gname" name="gname" placeholder="你的姓名:" class="form-control" required="">
                                                <img class="inc" src="__STATIC__/industry/img/exhibition-icon-name.png" alt="">
                                        </div>
                                        <div class="col-md-11" style="position: relative;">
                                                <input type="text" class="form-control" id="gphone" name="gphone" placeholder="手机号码 :" required="" title="手机/固话固话格式:4008821116">
                                                <img class="inc" src="__STATIC__/industry/img/exhibition-icon-phone.png" alt="">
                                        </div>

                                        <div class="col-md-11" style="position: relative;">
                                                <input type="text" class="form-control" id="gweight" name="gweight" placeholder="展会资料/买家信息/同行展商/市场报告 :" required="">
                                                <img class="inc" src="__STATIC__/industry/img/exhibition-icon-copy.png" alt="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <a href="javascript:;" style="text-align: center;" onclick="openZoosUrl('chatwin','&amp;e=表单提交左边在线沟通')" id="form-group1">
                                            在线沟通 
                                        </a>
                                           <font style="vertical-align: inherit;">
                                            <input type="button" value="提交" onclick="submit_to_reg();" id="form-group2"></font>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
<script src="__STATIC__/industry/js/jquery-2.2.4.min.js"></script>
<script src="__STATIC__/industry/js/zturn.js"></script>
  <script type="text/javascript">
        $('.tks').click(function(e) {
            console.log(666);
            $('.alert').css('display','block');
            $('.xiangmu').val('一键获取');
            
        })
        $('.main-info ul li').click(function(e) {
            $('.alert').css('display','block');
            name = $(this).find('.exhibiton-name p').text()
            $('.xiangmu').val(name);
            
        })
        
</script>
<script type="text/javascript">
    $('.main-category ul li').click(function(e) {
         var index = $(".main-category ul li").index(this);

         $('.main-category ul li').removeClass("main-category-active");
         $('.main-info .main-info-item').removeClass("main-info-active");
         $('.main-category ul li').eq(index).addClass("main-category-active");
         $('.main-info .main-info-item').eq(index).addClass("main-info-active");
        // alert(index);
    })
</script>
<script type="text/javascript">
 
    function submit_to_reg( ) {
        var chenghu = $('#gname').val();
        var gongsi = $('#ggoods').val();
        var shouji = $('#gphone').val();
        var hangye = $('#gweight').val();
        var xiangmu = $('.xiangmu').val();
        var www = window.location.href;
        console.log(www);
        if (chenghu.length == 0) {
            alert('称呼不能为空');
            return false;
        }
        if (chenghu.gongsi == 0) {
            alert('公司全名不能为空');
            return false;
        }
        var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
        if (!myreg.test(shouji)) {
            alert('请输入正确的手机号！');
            return false;
        }
        var data = {
            chenghu : chenghu,
            gongsi :  gongsi,
            shouji :  shouji,
            hangye :  hangye,
            xiangmu : xiangmu,
            www : www
        }
       $.ajax({
            type: 'post',
            url: 'http://b2b.me360.com/api/User/register_zsxs',
             data: data,
            dataType: 'json',
            success: function(data) {
                console.log(data);
                if (data.statusCode == 200) {
                    alert(data.data);
                    window.location.reload();
                } else {
                    alert(data.msg);
                }
            }
        });
    };
     function submit_to_reg01( ) {
        var chenghu = $('#sname').val();
        var gongsi = $('#sgoods').val();
        var shouji = $('#sphone').val();
        var hangye = $('#sweight').val();
        var xiangmu = $('#sxiangmu').val();
        var www = window.location.href;
        console.log(www);
        if (chenghu.length == 0) {
            alert('称呼不能为空');
            return false;
        }
        if (chenghu.gongsi == 0) {
            alert('单位名称不能为空');
            return false;
        }
        if (chenghu.hangye == 0) {
            alert('出口商品不能为空');
            return false;
        }
        var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
        if (!myreg.test(shouji)) {
            alert('请输入正确的手机号！');
            return false;
        }
        var data = {
            chenghu : chenghu,
            gongsi :  gongsi,
            shouji :  shouji,
            hangye :  hangye,
            xiangmu : xiangmu,
            www : www
        }
       $.ajax({
            type: 'post',
            url: 'http://b2b.me360.com/api/User/register_zsxs',
             data: data,
            dataType: 'json',
            success: function(data) {
                console.log(data);
                if (data.statusCode == 200) {
                    alert(data.data);
                    window.location.reload();
                } else {
                    alert(data.msg);
                }
            }
        });
    };
  </script>

<script type="text/javascript">
     window.onload=function(){
        var oTck = document.querySelector('.alert');
        var oClose = document.querySelector('.alert-close');
        var tck = document.querySelectorAll('.tk');
        for(var i = 0; i < tck.length; i++){
          tck[i].id = 'btn';
          tck[i].onclick = function(){
            oTck.style.display = 'block';
          }
        }
        oClose.onclick = function(){
          oTck.style.display = 'none';
        }

     }
</script>

</body>
<script src="__STATIC__/industry/js/jquery-2.2.4.min.js"></script>
<script src="__STATIC__/industry/js/zturn.js"></script>
<script>
    new zturn({
        id:"zturn",
        pointerId: 'pointer',
        opacity:1,
        width:421,
        Awidth:800,
        scale:0.9,
        auto: true,//是否轮播 默认5000
        turning:3000//轮播时长
    })
    $(".close").click(function(){
        $(this).parent().hide();
        // setTimeout(function(){
        //     $(".callCenter .bottom").show();
        // },5000);
    });
</script>

<script language="javascript" src="http://ala.zoosnet.net/JS/LsJS.aspx?siteid=ALA41679097&amp;lng=cn"></script> 
</html>